<div class="ycfdlm">
    <div class="hadey clearfix">
        <ul>
            <li> <a href="http://wpa.qq.com/msgrd?v=3&uin={$siteConfig.qq}&site=QQ客服&menu=yes"> <small
                    class="ll_a"></small> <span>咨询</span> </a> </li>
            <li class="aczx huaran"> <a href="javascript:;"> <small class="ll_b"></small> <span>报价</span> </a> </li>
            <!--<li class="liangfang"> <a href="javascript:;"> <small class="ll_d"></small>
                <span>量房</span> </a> </li>-->
        </ul>
        <script type="text/javascript">
            function goTopEx() {
                var obj = document.getElementById("goTopBtn");
                function getScrollTop() {
                    return document.documentElement.scrollTop + document.body.scrollTop;
                }
                function setScrollTop(value) {
                    if (document.documentElement.scrollTop) {
                        document.documentElement.scrollTop = value;
                    } else {
                        document.body.scrollTop = value;
                    }
                }

                window.onscroll = function() {
                    getScrollTop() > 0 ? obj.style.display = "" : obj.style.display = "none";
                }

                obj.onclick = function() {
                    var goTop = setInterval(scrollMove, 10);
                    function scrollMove() {
                        setScrollTop(getScrollTop() / 1.1);
                        if (getScrollTop() < 1) clearInterval(goTop);
                    }
                }
            }
        </script>
        <div style="display:none" id="goTopBtn"><a><em></em><span>回到顶部</span></a></div>
        <script type=text/javascript>
            goTopEx();
        </script>
    </div>
</div>
<style>
    /*右侧浮动*/
    .ycfdlm {
        width: 74px;
        position: fixed;
        left: 20px;
        bottom: 200px;
        z-index: 9000;
    }

    .hadey {
        width: 100%;
        background: #fff;
        box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.05);
    }

    .hadey ul {
        overflow: hidden;
    }

    .hadey ul li {
        border-top: 1px #eee solid;
        transition: all linear .2s;
        overflow: hidden;
        cursor: pointer;
        text-align: center;
        padding: 15px 0;
    }

    .hadey ul li small {
        display: block;
        width: 32px;
        height: 32px;
        margin: 0 auto;
        overflow: hidden;
        background: url(__IMG__/icon-kf2.png) no-repeat;
    }

    .hadey ul li small.ll_a {
        background-position: -450px -253px;
    }

    .hadey ul li small.ll_b {
        background-position: -451px -326px;
    }

    .hadey ul li small.ll_c {
        background-position: -450px -396px;
    }

    .hadey ul li small.ll_d {
        background-position: -450px -470px;
    }

    .hadey ul li span {
        display: block;
        color: #333;
        padding-top: 10px;
        line-height: 16px;
    }

    .hadey ul li:hover {
        background: #e60012;
    }

    .hadey ul li:hover span {
        color: #fff;
    }

    .hadey ul li:hover small.ll_a {
        background-position: -513px -253px;
    }

    .hadey ul li:hover small.ll_b {
        background-position: -517px -326px;
    }

    .hadey ul li:hover small.ll_c {
        background-position: -517px -396px;
    }

    .hadey ul li:hover small.ll_d {
        background-position: -519px -470px;
    }

    #goTopBtn {
        width: 100%;
        border-top: 1px #eee solid;
        cursor: pointer;
        padding: 12px 0;
        text-align: center;
        transition: 300ms;
    }

    #goTopBtn em {
        width: 32px;
        height: 32px;
        background: url(__IMG__/icon-kf2.png) -450px -532px no-repeat;
        display: block;
        margin: 0 auto;
    }

    #goTopBtn span {
        display: block;
        text-align: center;
        overflow: hidden;
        color: #333;
    }

    #goTopBtn:hover {
        background: #e60012;
    }

    #goTopBtn:hover span {
        color: #fff;
    }

    #goTopBtn:hover em {
        background-position: -519px -532px;
    }
</style>
<!-- 我家这样装多少钱？ -->
<div class="cash">
    <div class="cashBox">
        <a class="close" href="#">×</a>
        <div class="cashBoxDiv">
            <div class="cashBoxDivMing">
                <h2>算一算，你家装修要花多少钱？</h2>
                <p>—— 知精准报价 避装修深坑 ——</p>
                <h3>您的报价已生成完毕</h3>
            </div>
            <div id="modalCalculatePrice" class="cashBoxDivQian">
                <ul>
                    <li class="js-cl">材料费用：<span>21000</span>元</li>
                    <li class="js-rg">人工费用：<span>39000</span>元</li>
                    <li class="js-sj">设计费用：<span>0</span>元</li>
                    <li class="js-gl">管理费用：<span>0</span>元</li>
                </ul>
            </div>
            <form id="formfFooterHqbj" onsubmit="return false;">
                <div class="cashBoxDivTian">
                    <div class="cashBoxDivTianLi">
                        <input type="text" name="username" placeholder="您的称呼" class="text" >
                    </div>
                    <div class="cashBoxDivTianLi">
                        <input type="text" name="contact" placeholder="您的联系方式" class="text" >
                    </div>
                    <input type="hidden" name="type_name" value="左侧获取报价">
                </div>
                <div class="cashBoxDivNiu" onclick="fnFormSubmit('formfFooterHqbj');">
                    <input type="submit" value="获取完整报价" class="sub"/>
                </div>
            </form>
        </div>
    </div>
</div>